<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"	
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="desktop.xhtml">


	<ui:define name="body">
		<h:form styleClass="letraForm">
		<p:growl id="messages" showDetail="true" />
		
			<p:panel  header="Apertura Crédito">
			
				<h:panelGrid>
				  <p:row>
                  <p:column>
					<h:outputLabel value ="Cliente: " for="txtFolio" /> 
				  </p:column>	
				  <p:spacer width="10" height="1" />
				    <p:column> 
					<p:selectOneMenu id="idFolio" filter="true" filterMatchMode="startsWith" style="width:270px" value="#{aperturaAction.cveCli}">                      
                    <f:selectItem itemLabel="Seleccione un Cliente" noSelectionOption="true" />
                    <f:selectItems value="#{aperturaAction.listCliente}" var="cli" itemLabel= "#{cli.nombre}" itemValue="#{cli.clave}" />
                    <p:ajax update="search_nombre,update_ape,update_cre,idfolioPago" event="change" listener="#{aperturaAction.buscaApertura}" process="idFolio"/> 
                    </p:selectOneMenu>        
                    </p:column>            
					<p:spacer width="540" height="1" />
					<p:column>
					<h:outputLabel value ="No. Aperturas: " style="font-weight:bold; color:green"/>
					</p:column>
					<h:outputLabel id="update_ape" value="#{aperturaAction.cApe}" style="font-weight:bold; color:red"/>
					
				</p:row>							
				</h:panelGrid>
				
				
				<p:spacer height="10px" />
				<h:panelGrid>
				<p:row>
				<p:spacer width="870" height="1" />
                  <p:column>
					<h:outputLabel value ="No. Créditos: " style="font-weight:bold; color:green"/>
				  </p:column>
				  <p:spacer width="5" height="1" />
				  <p:column>
					<h:outputLabel id="update_cre" value="#{aperturaAction.cCre}" style="font-weight:bold; color:red"/>
				  </p:column>			
			   
				   <p:spacer width="580" height="1" />
				   <h:outputLabel id="search_nombre" value="#{aperturaAction.nn}" style="font-weight:bold; font-size:17px; color:blue"/>
				   	<p:spacer width="580" height="1" />				   	
				   	<p:selectOneMenu id="idfolioPago" style="width:240px" value="#{aperturaAction.idApe}" >                       
                    <f:selectItem itemLabel="Seleccione apertura" noSelectionOption="true" />
                    <f:selectItems value="#{aperturaAction.listApertura}" var="ape" itemLabel= "#{ape.fchApertura} **folio**#{ape.folio}" itemValue="#{ape.idApertura}" />
                    <p:ajax event="change" listener="#{aperturaAction.pru}"  process="idfolioPago" immediate="true"/>
                    </p:selectOneMenu>	                    
                    </p:row>
				</h:panelGrid>
				   					
			</p:panel>
			
			
			
			<p:spacer width="100" height="20" />
			
			<p:tabView dynamic="true" cache="true">
		    <p:tab title="Apertura" >
               <p:panel>
                <p:graphicImage value="/pages/imgs/dinero2.jpg" />
                
                <h:panelGrid>
                <p:row>
                <p:column>
					<h:outputLabel value ="Crédito Solicitar: " for="txtCs"/>
			    </p:column>				    
			     <p:column>     
				       <p:inputText size="11" id = "txtCs" style="font-weight:bold; color:green"
				         value="#{aperturaAction.apertura.creditoSolicitud}"/>
				</p:column> 		    
					<p:spacer width="580" height="1" />
				<p:column>	
					<h:outputLabel value ="Num de Pagos: " for="txtNp"/>
				</p:column>	
				<p:column>
					 <p:selectOneMenu id="formaPago" style="width:50px" value="#{aperturaAction.apertura.numPagos}">  						
 						<f:selectItem itemLabel="1" itemValue="1" />   
                         <f:selectItem itemLabel="2" itemValue="2" /> 
                         <f:selectItem itemLabel="3" itemValue="3" /> 
                         <f:selectItem itemLabel="4" itemValue="4" /> 
                         <f:selectItem itemLabel="5" itemValue="5" /> 
                         <f:selectItem itemLabel="6" itemValue="6" />  						
 				     </p:selectOneMenu>
 				</p:column>
				</p:row>										
				</h:panelGrid>
                
                <h:panelGrid>
                <p:row>
                  <p:column>
                        <h:outputLabel value =" Cuota Apertura : " for="txtCa"/>
                  </p:column> 
                  <p:column>     
				       <p:inputText size="11" id = "txtCa" style="font-weight:bold; color:green"
				         value="#{aperturaAction.apertura.cuotaApertura}">
				         <p:ajax event="blur" update="igual" />
				        </p:inputText> 
				  </p:column>      
				       <p:spacer width="320" height="1" />
					   <h:outputLabel value ="Forma Pago: " for="txtNp"  style="font-weight:bold"/> 
			    </p:row>		   
                </h:panelGrid>
                
                
                <h:panelGrid>
                <p:row>
                   <p:column>
                       <h:outputLabel value ="I.V.A: " for="txtIva"/>
                   </p:column>
                   <p:spacer width="62" height="1" />   
                    <p:column> 
					   <p:inputText size="11" id="txtIva" style="font-weight:bold; color:green"
					     value="#{aperturaAction.apertura.iva}"/>
					</p:column>   
				       <p:spacer width="250" height="1" />
				       <p:column>
						       <p:graphicImage value="/pages/imgs/tarjeta.jpg" width="40" />
					   </p:column>
<!-- 				     <p:column>    -->
<!-- 				       <h:outputLabel value ="TDC: " for="txtTdc"/> -->
<!-- 				     </p:column>   -->
				      <p:column>
					   <p:selectBooleanCheckbox value="#{aperturaAction.apertura.pagos.tdc}" />
					  </p:column> 
					   <p:spacer width="30" height="1" />
					   <p:column>
						       <p:graphicImage value="/pages/imgs/cheque2.jpg" width="46" />
					   </p:column>
<!-- 					  <p:column>  -->
<!-- 					   <h:outputLabel value ="Cheque: " for="txtTdc"/> -->
<!-- 					  </p:column>  -->
					  <p:column>
					   <p:selectBooleanCheckbox value="#{aperturaAction.apertura.pagos.cheque}" />
					  </p:column>
					   <p:spacer width="40" height="1" />
					   <p:column>
						       <p:graphicImage value="/pages/imgs/efectivo.png" width="30" />
					   </p:column>
<!-- 					  <p:column>   -->
<!-- 					   <h:outputLabel value ="Efectivo: " for="txtTdc"/> -->
<!-- 					  </p:column>   -->
					  <p:column>
					   <p:selectBooleanCheckbox value="#{aperturaAction.apertura.pagos.efectivo}" />
					  </p:column>  
			    </p:row>		   
                </h:panelGrid>
                
                
                  <h:panelGrid>
                  <p:row>
                   <p:column>
                       <h:outputLabel value ="SubTotal: " for="txtSt"/>
                   </p:column>    
                   <p:spacer width="40" height="1" />
                   <p:column>
					   <p:inputText  size="11" id="igual" style="font-weight:bold; color:green"
					    value="#{aperturaAction.apertura.cuotaApertura}"/>
				   </p:column>	   
				       <p:spacer width="150" height="1" />
				   <p:column>     
					   <h:outputLabel value ="No. TDC: " for="txtNp"/> 
				   </p:column>
				   <p:spacer width="24" height="1" />
				   <p:column> 	   
					   <p:inputMask mask="9999,9999,9999,9999" size="15" value="#{aperturaAction.apertura.pagos.numTdc}" style="font-weight:bold; color:gray"/>
				   </p:column>	   
					   <p:spacer width="80" height="1" />
				    <p:column>	   
					   <h:outputLabel value ="Banco: " for="txtBanco"/>
				    </p:column>	   
				    <p:column>
					   <p:selectOneMenu id="comboBanco" style="width:120px" value="#{aperturaAction.apertura.pagos.banco.idBanco}"> 						
  						 <f:selectItem itemLabel="Sel. Banco.." itemValue="" />
 						 <f:selectItems value="#{aperturaAction.listBanco}" var="nivel" itemLabel= "#{nivel.nombreBanco}" itemValue="#{nivel.idBanco}" />
<!-- 						 <f:selectItem itemLabel="Dividida" itemValue="1" />  -->
 				       </p:selectOneMenu>	 				       
				    </p:column>	   
			      </p:row>		   
                  </h:panelGrid>
                  
                  
                <h:panelGrid>	
                <p:row>
                   <p:column>
<!-- 					<h:outputLabel value ="1a Aportación: " for="txt1a"/> -->
				   </p:column>
				   <p:spacer width="9" height="1" />
				   
				   	
					<p:spacer width="356" height="1" />
					<p:column>
					<h:outputLabel value ="No. Cheque: " for="txtNoC"/> 
					</p:column>	
					<p:spacer width="6" height="1" />
					<p:column>
					<p:inputText  size="25" id="txtNoC" style="font-weight:bold; color:black"
					 value="#{aperturaAction.apertura.pagos.numCheque}"/>
					</p:column>
			    </p:row>											
				</h:panelGrid>
                
                <h:panelGrid>	
                <p:row>
                   <p:column>						
					<h:outputLabel value ="Total: " for="txtTtl" />
				   </p:column>
				   <p:spacer width="61" height="1"/>
				   <p:column>	
					<p:inputText  size="11" id="txtTtl" style="font-weight:bold; color:red" 
					  value="#{aperturaAction.apertura.total}">
					  <p:ajax event="blur" update="out2" />
					 </p:inputText> 
				   </p:column>	
					<p:spacer width="150" height="1" />
 				    <p:spacer width="6" height="1" />	
<!--  				  <p:column> 			     -->
<!--  				    <h:outputLabel value ="Status: " for="txtTv"/> -->
<!--  				  </p:column> 	 -->
 				</p:row>    													
				</h:panelGrid>
				
				<h:panelGrid>
				<p:row>
				<p:column>
				<p:spacer width="1" height="40" />
				</p:column>
								
				  <p:column> 	
					<h:outputLabel value ="Asignación: " for="txtAsig"/>
			      </p:column>
			      
			      <p:spacer width="13" height="1" />    
			      
			      <p:column>
                    <p:selectOneMenu  filter="true" filterMatchMode="startsWith" style="width:120px" value="#{aperturaAction.apertura.empleado.cveEmpleado}">                      
                     <f:selectItem itemLabel="Sel. Asesor.." itemValue="" />
                    <f:selectItems value="#{aperturaAction.listEmpleado}" var="emp" itemLabel= "#{emp.nombre}" itemValue="#{emp.cveEmpleado}" />
                    </p:selectOneMenu>
                    </p:column>
                    <p:spacer width="280" height="1" />
                    <h:outputLabel value="1a Pago:" style="font-weight:bold; font-size:19px; color:blue" />
<!--                     <p:column>						 -->
<!-- 					<h:outputLabel id="out1" value="#{aperturaAction.apertura.pagos.monto}" style="font-weight:bold; font-size:25px; color:black" /> -->
<!-- 				    </p:column> -->
				    <p:column>	
					<p:inputText value="#{aperturaAction.apertura.pagos.monto}" size="7" id="txt1a" style="font-weight:bold; font-size:25px; color:black">
<!-- 				      <p:ajax event="blur" update="out1" /> -->
				    </p:inputText>  
				   </p:column>
                    
				</p:row>
				</h:panelGrid>
				
				
				<h:panelGrid>
				<p:row>
				<p:column>
				<p:spacer width="1" height="35" />
				</p:column>
								
				  <p:column>  
                    <h:outputLabel value ="Tipo Venta: " for="txtTv"/>
                   </p:column>
                   
                   <p:spacer width="15" height="0" />
                   
                   <p:column>   
                    <p:selectOneMenu id="tipoVenta2" style="width:120px" value="#{aperturaAction.apertura.tipoVenta}" > 						
 						 <f:selectItem itemLabel="Directo" itemValue="0" />   
                         <f:selectItem itemLabel="Dividida" itemValue="1" /> 
 				    </p:selectOneMenu> 
 				   </p:column>
 				   <p:spacer width="283" height="0" />
 				    <h:outputLabel value="T o t a l :" style="font-weight:bold; font-size:19px; color:green" />
                    <p:column>						
					<h:outputLabel id="out2" value="#{aperturaAction.apertura.total}" style="font-weight:bold; font-size:25px; color:red" />
				    </p:column> 				   
 				   <p:spacer width="100" height="0" />
<!--  				   <p:column> 			     -->
<!--  				    <h:outputLabel value ="Status: " for="txtTv"/> -->
<!--  				   </p:column> -->
 				   
				</p:row>
				</h:panelGrid>
				<p:spacer width="9" height="25" />
				
				<center>
				<div>			
				<h:panelGrid>
					<p:row>
					 <p:column style="background-color: #F9F9F9">
							<p:commandButton update="messages,confirmGuardar" value="Guardar" action="#{aperturaAction.guardar}" ajax="false"/>
				     </p:column>					 
					 <p:spacer width="9" height="11" />
					 <p:column>
						<p:commandButton value="Editar" />
					</p:column>
					 <p:spacer width="9" height="11" />
					<p:column>	
						<p:commandButton value="Limpiar" action="#{aperturaAction.limpiar}" ajax="false" >
					
						</p:commandButton>
				    </p:column>		
				    
					</p:row>					
					</h:panelGrid>
					</div>
					</center>
								                
             </p:panel>   
         </p:tab>        	
				
        <p:tab title="Pagos">
        <h:panelGrid>
        <p:row>
          <p:column>
            <p:graphicImage value="/pages/imgs/dinero1.png" />
            </p:column>
            <p:column>
                   <h:outputLabel value="Monto Pago" style="font-weight:bold; font-size:26px"/>
                  </p:column> 
                  </p:row>
                  </h:panelGrid>
					<h:panelGrid>
						<p:row>
							<p:column>
<!-- 								<h:outputLabel value="Pago: " for="txtMtp" /> -->
							</p:column>
							<p:spacer width="78" height="1" />
							<p:column>
								<p:inputText size="8" id="txtMtp"									
									value="#{aperturaAction.onlyPagos.monto}" style="font-weight:bold; font-size:25px; color:red" />
							</p:column>
												
						</p:row>
					</h:panelGrid>

					<h:panelGrid>
						<p:row>
							<p:column>
<!-- 								<h:outputLabel value="I.V.A: " for="txtIva2" /> -->
							</p:column>
							<p:spacer width="70" height="1" />
							<p:column>
<!-- 								<p:inputText size="11" id="txtIva2" -->
<!-- 									style="font-weight:bold; color:green" -->
<!-- 									value="#{aperturaAction.apertura.cuotaApertura}" /> -->
							</p:column>
							<p:spacer width="320" height="1" />
							<h:outputLabel value="Forma Pago: " for="txtFp2"
								style="font-weight:bold; font-size:22px" />
						</p:row>
					</h:panelGrid>


					<h:panelGrid>
						<p:row>
							<p:column>
<!-- 								<h:outputLabel value="SubTotal: " for="txtSbt2" /> -->
							</p:column>
							<p:spacer width="48" height="1" />
							<p:column>
<!-- 								<p:inputText size="11" id="txtSbt2" -->
<!-- 									style="font-weight:bold; color:green" -->
<!-- 									value="#{aperturaAction.apertura.iva}" /> -->
							</p:column>
							<p:spacer width="250" height="1" />
							<p:column>
						       <p:graphicImage value="/pages/imgs/tarjeta.jpg" width="40" />
					        </p:column>
							<p:column>
								<h:outputLabel value="TDC: " for="txtTdc2" />
							</p:column>
							<p:column>
								<p:selectBooleanCheckbox
									value="#{aperturaAction.onlyPagos.tdc}" />
							</p:column>
							<p:spacer width="30" height="1" />
							<p:column>
						       <p:graphicImage value="/pages/imgs/cheque2.jpg" width="46" />
					         </p:column>
<!-- 							<p:column> -->
<!-- 								<h:outputLabel value="Cheque: " for="txtTdc2" /> -->
<!-- 							</p:column> -->
							<p:column>
								<p:selectBooleanCheckbox
									value="#{aperturaAction.onlyPagos.cheque}" />
							</p:column>
							<p:spacer width="40" height="1" />
							<p:column>
						       <p:graphicImage value="/pages/imgs/efectivo.png" width="30" />
					         </p:column>
<!-- 							<p:column> -->
<!-- 								<h:outputLabel value="Efectivo: " for="txtTdc2" /> -->
<!-- 							</p:column> -->
							<p:column>
								<p:selectBooleanCheckbox
									value="#{aperturaAction.onlyPagos.efectivo}" />
							</p:column>
						</p:row>
					</h:panelGrid>


					<h:panelGrid>
						<p:row>
							<p:column>
<!-- 								<h:outputLabel value="Total: " for="txtTot2" /> -->
							</p:column>
							<p:spacer width="70" height="1" />
							<p:column>
<!-- 								<p:inputText size="11" id="txtTtl2" -->
<!-- 									style="font-weight:bold; color:red" -->
<!-- 									value="#{aperturaAction.apertura.total}" /> -->
							</p:column>
							<p:spacer width="150" height="1" />
							<p:column>
								<h:outputLabel value="No. TDC: " for="txtNp2" />
							</p:column>
							<p:spacer width="24" height="1" />
							<p:column>
								<p:inputMask mask="9999,9999,9999,9999" size="15"
									value="#{aperturaAction.onlyPagos.numTdc}" />
							</p:column>
							<p:spacer width="80" height="1" />
							<p:column>
								<h:outputLabel value="Banco: " for="txtBanco2" />
							</p:column>
							<p:column>
							<p:selectOneMenu id="comboBanco2" style="width:120px" value="#{aperturaAction.onlyPagos.banco.idBanco}"> 						
  						       <f:selectItem itemLabel="Sel. Banco.." itemValue="" />
 						       <f:selectItems value="#{aperturaAction.listBanco}" var="nivel" itemLabel= "#{nivel.nombreBanco}" itemValue="#{nivel.idBanco}" />
<!-- 						 <f:selectItem itemLabel="Dividida" itemValue="1" />  -->
 				            </p:selectOneMenu>
							</p:column>
						</p:row>
					</h:panelGrid>


					<h:panelGrid>
						<p:row>
							<p:column>
							</p:column>
							<p:spacer width="224" height="1" />
							<p:column>
								<h:outputLabel value="No. Cheque: " for="txtNoC2" />
							</p:column>
							<p:spacer width="6" height="1" />
							<p:column>
								<p:inputText size="20" id="txtNoC2"
									style="font-weight:bold; color:black"
									value="#{aperturaAction.onlyPagos.numCheque}" />
							</p:column>
						</p:row>
					</h:panelGrid>

					<h:panelGrid>
						<p:row>
							<p:spacer width="150" height="1" />
							<p:spacer width="6" height="1" />
							<!--  	 <p:column>     -->
							<!--  	   <h:outputLabel value ="Status: " for="txtTv"/> -->
							<!--  	 </p:column> -->
						</p:row>
					</h:panelGrid>
					<h:panelGrid>
						<p:row>
							<p:column>
								<p:spacer width="1" height="40" />
							</p:column>
							<p:spacer width="13" height="1" />
						</p:row>
					</h:panelGrid>
					<h:panelGrid>
						<p:row>
							<p:column>
								<p:spacer width="1" height="35" />
							</p:column>
							<p:spacer width="15" height="0" />
							<p:spacer width="600" height="0" />
							<p:column>
								<h:outputLabel value="Status: " for="txtTv" />
							</p:column>

						</p:row>
					</h:panelGrid>
					
					<center>
				<div>
					<h:panelGrid>
					<p:row>
					 <p:column style="background-color: #F9F9F9">
							<p:commandButton update="messages" value="Guardar" action="#{aperturaAction.guardarPago}" ajax="false"/>
				     </p:column>					 
					 <p:spacer width="9" height="11" />
					 <p:column>
						<p:commandButton value="Editar" />
					</p:column>
					 <p:spacer width="9" height="11" />
					<p:column>	
						<p:commandButton value="Eliminar" />
				    </p:column>		
					</p:row>	
					</h:panelGrid>
				</div>
			    </center>
					
				</p:tab>        
        
     </p:tabView>
			

			<p:dialog id="procesando" header="" widgetVar="dlgP" modal="true"
				showEffect="puff" hideEffect="fold" draggable="false"
				resizable="false" closable="false">
				<div id="datos" class="script-tittle">Procesando...</div>
				<div id="dlgspace1"
					style="width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;">
				</div>
				<div id="botonesdlgP" style="width: 100%; text-align: center;">
					<p:graphicImage value="imgs/globe64.gif" />
				</div>
			</p:dialog>
			
			<p:confirmDialog id="alertaEmpleado" visible="#{aperturaAction.faltaEmpleado}"
                         message="Falta Asignación de Asesor"
                          header="Alerta" severity="alert" widgetVar="confirmation">                                          
                        <p:commandButton id="decline1" value="No "                          
                          action="aperturaAction.cerrarPop" ajax="false"
                          onclick="confirmation.hide()" >                        
                        </p:commandButton>
            </p:confirmDialog>
            
            
					  <p:confirmDialog id="confirmGuardar" visible="#{aperturaAction.configuardar}"           
                         message="Está seguro de guardar la Apertura"
                          header="Confirmación" severity="alert" widgetVar="confirmation">
                         <center>
				         <div>   
                        <p:commandButton id="decline2" value="SI "                          
                          action="aperturaAction.guardar" ajax="false"  update="alertaFolio"
                          onclick="confirmation.hide()" >                        
                        </p:commandButton>                                          
                        <p:commandButton id="decline3" value="No "                          
                          action="aperturaAction.cerrarPop" ajax="false"
                          onclick="confirmation.hide()" >                        
                        </p:commandButton>
                        </div>
                        </center>
                     </p:confirmDialog>
            
            
            
            <p:confirmDialog id="alertaFolio" visible="#{aperturaAction.contratoAsig}"
                         message="Se asigno el Contrato # #{aperturaAction.folio}"  
                          header="Confirmación" severity="alert" widgetVar="confirmation">                                          
                        <p:commandButton id="decline4" value="Ok "                          
                          action="aperturaAction.cerrarPop" ajax="false"
                          onclick="confirmation.hide()" >                        
                        </p:commandButton>
            </p:confirmDialog>
			
					

			
		</h:form>
	</ui:define>

</ui:composition>
</html>


